<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        a {
            text-decoration: none;
        }

        .dami {
            width: 100%;
            height: 1140px;
        }

        .head-container {
            width: 100%;
            height: 40px;

        }

        .top-container {
            width: 1137px;
            height: 40px;
            background-color: #333;
            font-size: 14px;
            color: #b0b0b0;
        }

        .top-left {
            width: 700px;
            height: 40px;
            float: left;
            text-align: center;
            line-height: 40px;
        }

        .top-right {
            width: 150px;
            height: 40px;
            float: right;
            margin-right: 80px;
            line-height: 40px;
        }
        .head-container{
width: 1137px;
height: 850px;
/* border: 1px solid red; */
        }



        .top-first-container {
            width: 100%;
            height: 80px;
        }

        .dami-logo {
            width: 50px;
            height: 50px;
            margin-left: 80px;
            margin-top: 20px;
            /* border: 1px solid red; */
            float: left;
        }

        .da-container {
            width: 500px;
            height: 50px;
            /* border: 1px solid red; */
            margin-top: 20px;
            margin-left: 200px;
            float: left;
            line-height: 50px;
            color: rgb(134, 80, 80);
        }

        .check-container {
            width: 240px;
            height: 30px;
            float: left;
            border: 1px solid rgb(231, 215, 215);
            margin-top: 28px;
        }

        .box-container {
            width: 30px;
            height: 30px;
            border: 1px solid rgb(231, 215, 215);
            float: right;
            font-weight: 600;
            line-height: 30px;
        }


        .two-container {
            width: 100%;
            height: 500px;
            margin-top: 10px;
        }

        .box1 {
            width: 960px;
            height: 340px;
           margin-left: 80px;
        }


        .box1-container {
            width: 200px;
            height: 340px;
            background-color: #333;
            float: left;
        }

        .box1-container ul li {
            width: 110px;
            height: 30px;
            font-size: 14px;
            margin-left: 20px;
            color: #fff;
        }

        .box1-container ul .xiao {
            width: 20px;
            height: 30px;
            /* border: 1px solid red; */
            float: right;
            line-height: 20px;
            color: #fff;
        }
.box2-container{
width: 990px;
height: 340px;
background-image: url(./学生用资源/image/T1vWdTBKDv1RXrhCrK.jpg);
background-size: 100%;
}

.box2{
    margin-top: 10px;
    width: 990px;
    height: 140px;
    margin-left: 80px;
    /* border: 1px solid red ; */

}
.box2 .ling{
    width: 200PX;
    height: 140PX;
    background-color: rgb(109, 95, 95);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    float: left;
}
.item{
width: 60px;
height: 60px;
border: 1px solid #b0b0b0;
color: #fff;
font-size: 1px;
line-height: 30px;
text-align: center;
}
.box3{
width: 780px;
height: 140px;
/* border: 1px solid red; */
float: right;
display: flex;
 justify-content: space-between;
}
.box3-container{
    width: 252px;
height: 140px;
/* border: 1px solid red; */
}
.box3-container img{
    width: 100%;
    height: 100%;
}

.box4{
width: 990px;
height: 250px;
/* border: 1px solid red; */
margin-left: 80px;
}
.left{
width: 40px;
height: 25px;
float: right;
border: 1px solid rgb(236, 230, 230);
text-align: center;
}
.right{
    width: 40px;
height: 25px;
float: right;
border: 1px solid  rgb(236, 230, 230);
text-align: center;
}


.box4 span{
    font-size: 21px;
    font-weight: 550;
    color: rgb(88, 84, 84);
}
.box4-container{
width: 990px;
height: 220px;
/* border: 1px solid red; */
display: flex;
 justify-content: space-between;
}
.box5{
    width: 190px;
    border-top: 1px solid green;
    background-color: #f8f6f6;
    text-align: center;
}
.box5 .dd{
    font-size:14px;
}
.box5 .tt{
font-size: 12px;
color:palevioletred;
}

.box6{
    width: 150px;
    height: 35px;
    margin-top: 20px;
    /* border: 1px solid red; */
    margin-left: 80px;
    font-size: 21px;
}

.box7{
    margin-top: 10px;
width: 970px;
height: 420px;
/* border: 1px solid red; */
margin-left: 80px;
}
.box7-container{
width: 200px;
height: 420px;
float: left;
/* border: 1px solid red; */
}
.box7-container img{
    width: 100%;
    height: 100%;
}
.box8{
width:770px ;
height: 420px;
/* border: 1px solid red; */
float: right;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.box8-container{
width:185px;
height: 205px;
border: 1px solid red;
text-align: center;
}
.box8-container .pic{
    width: 70%;
    height: 60%;
  
}
.box8-container .ww{
    font-size: 16px;
}
.box8-container .rr{
    font-size: 10px;
    color:palevioletred;
}
.box8-container h4{
    color: red;
}
.box9{
    margin-top: 70px;
width: 1080px;
height: 300px;
/* border: 1px solid red; */
margin-left: 30px;
}
.box9-container{
width: 990px;
height: 280px;
background-color: #fff7f7;
margin-left: 50px;
}
.box9-top{
    margin-left: 100px;
    width: 750px;
    height: 50px;
    border-bottom: 1px solid rgb(190, 177, 158);
    font-size: 15px;
    line-height: 50px;
    color: palevioletred;
}
.box9-top li{
    float: left;
    margin-right: 30px;
}
.box9-middle{
width: 510px;
height: 180px;
/* border: 1px solid red; */
margin-left: 100px;
}
.box9-middle ul{
    width: 170px;
    height: 180px;
}
.box9-middle ul li{
    width: 170px;
    height: 45px;
}

    </style>
</head>

<body>
    <div class="dami">
            <div class="top-container">
                <div class="top-left">
                    大米网 | MIUI | 米聊 | 游戏 | 多看阅读 | 云服务 | 大米移动版 | 问题反馈 | Select Region
                </div>
                <div class="top-right">
                    登陆 注册 购物车（0）
                </div>
            </div>
            <div class="head-container">
            <div class="top-first-container">
                <div class="dami-logo">
                    <img src="./学生用资源/image/xiaomi_logo.png" alt="">
                </div>
                <div class="da-container">
                    大米手机 &nbsp; 红米 &nbsp; 平板 &nbsp; 电视 &nbsp; 盒子&nbsp; 路由器 &nbsp;智能硬件 &nbsp; 服务 &nbsp; 社区
                </div>
                <div class="check-container">
                    <div class="box-container">
                        GO
                    </div>
                </div>

            </div>
            <div class="two-container">
                <div class="box1">
                    <div class="box1-container">
                        <ul>
                            <li></li>
                            <div class="xiao">&gt;</div>
                            <li>
                                手机 平板
                            </li>
                            <div class="xiao">&gt;</div>
                            <li>
                                电视 盒子
                            </li>
                            <div class="xiao">&gt;</div>
                            <li>
                                路由器 智能配件
                            </li>
                            <div class="xiao">&gt;</div>
                            <li>
                                移动电源 插线板
                            </li>
                            <div class="xiao">&gt;</div>
                            <li>
                                耳机 音箱
                            </li>
                            <div class="xiao">&gt;</div>
                            <li>
                                电池 存储卡
                            </li>
                            <div class="xiao">&gt;</div>
                            <li>
                                保护套 后盖
                            </li>
                            <div class="xiao">&gt;</div>
                            <li>
                                贴膜 其它配件
                            </li>
                            <div class="xiao">&gt;</div>
                            <li>
                                米兔 服装
                            </li>
                            <div class="xiao">&gt;</div>
                            <li>
                                背包 其它周边
                            </li>
                            <li></li>








                        </ul>
                    </div>
                    <div class="box2-container">
                    </div>
                </div>
            <div class="box2">
                <div class="ling">
<div class="item">
    <p>START</p>
    <span>开放购买</span>
</div>
<div class="item">
<p>GROUND</p>
<span>企业团购</span>
</div>
<div class="item">
    <p>GROUND</p>
    <span>企业团购</span>
</div>
<div class="item">
    <p>GROUND</p>
    <span>企业团购</span>
</div>
<div class="item">
    <p>GROUND</p>
    <span>企业团购</span>
</div>
<div class="item">
    <p>GROUND</p>
    <span>企业团购</span>
</div>
</div>
<div class="box3">
<div class="box3-container">
    <img src="./学生用资源/image/T184E_BQWT1RXrhCrK.jpg" alt="">
</div>
<div class="box3-container">
    <img src="./学生用资源/image/T1yvd_BQDT1RXrhCrK.jpg" alt="">
</div>
<div class="box3-container">
    <img src="./学生用资源/image/T1mahQBmKT1RXrhCrK.jpg" alt="">
</div>









                </div>




            </div>
          
            </div>
<div class="box4">
<span>大米明星单品</span>
<div class="left">
    >
</div>
<div class="right">
    < 
</div>



<div class="box4-container">
<div class="box5">
    <img src="./学生用资源/image/T1riKjB7VT1RXrhCrK.jpg" alt="">
<p class="dd">
    大米电视2/2S 全系列
</p>
<span class="tt">40/48/49/55英寸 现货购买</span>
</div>

<div class="box5">
    <img src="./学生用资源/image/T19AbjBCDT1RXrhCrK.jpg" alt="">
    <p class="dd">大米平板</p>
    <span class="tt">全球首款 NVIDIA Tegra K1 平板</span>
</div>
<div class="box5">
    <img src="./学生用资源/image/T1meZjBCAT1RXrhCrK.jpg" alt="">
    <p class="dd">
        大米电视2/2S 全系列
    </p>
    <span class="tt">40/48/49/55英寸 现货购买</span>
</div>
<div class="box5">
    <img src="./学生用资源/image/T1tsEgB7DT1RXrhCrK.jpg" alt="">
    <p class="dd">
        大米电视2/2S 全系列
    </p>
    <span class="tt">40/48/49/55英寸 现货购买</span>
</div>
<div class="box5">
    <img src="./学生用资源/image/T10TJjB5hT1RXrhCrK.jpg" alt="">
    <p class="dd">
        大米电视2/2S 全系列
    </p>
    <span class="tt">40/48/49/55英寸 现货购买</span>
</div>


</div>


</div>





        </div>
        <div class="box6">
        <span>智能硬件</span>
        </div>
<div class="box7">
    <div class="box7-container">
<img src="./学生用资源/image/T1IhLjBC_T1RXrhCrK.jpg" alt="">
<span class="tt"></span>
    </div>
<div class="box8">
    <div class="box8-container">
<img class="pic" src="./学生用资源/image/T16nVjBCKT1RXrhCrK.jpg" alt="">
<p class="ww">小蚁运动机 </p>
<span class="rr">边玩边录边拍，手机随时分享 </span>
<h4> 399元</h4>
    </div>
    <div class="box8-container">
        <img class="pic" src="./学生用资源/image/T16nVjBCKT1RXrhCrK.jpg" alt="">
        <p class="ww">小蚁运动机 </p>
        <span class="rr">边玩边录边拍，手机随时分享 </span>
        <h4> 399元</h4>
    </div>
    <div class="box8-container">
        <img class="pic" src="./学生用资源/image/T16nVjBCKT1RXrhCrK.jpg" alt="">
        <p class="ww">小蚁运动机 </p>
        <span class="rr">边玩边录边拍，手机随时分享 </span>
        <h4> 399元</h4>
    </div>
    <div class="box8-container">
        <img class="pic" src="./学生用资源/image/T16nVjBCKT1RXrhCrK.jpg" alt="">
        <p class="ww">小蚁运动机 </p>
        <span class="rr">边玩边录边拍，手机随时分享 </span>
        <h4> 399元</h4>
    </div>
    <div class="box8-container">
        <img class="pic" src="./学生用资源/image/T16nVjBCKT1RXrhCrK.jpg" alt="">
        <p class="ww">小蚁运动机 </p>
        <span class="rr">边玩边录边拍，手机随时分享 </span>
        <h4> 399元</h4>
    </div>
    <div class="box8-container">
        <img class="pic" src="./学生用资源/image/T16nVjBCKT1RXrhCrK.jpg" alt="">
        <p class="ww">小蚁运动机 </p>
        <span class="rr">边玩边录边拍，手机随时分享 </span>
        <h4> 399元</h4>
    </div>
    <div class="box8-container">
        <img class="pic" src="./学生用资源/image/T16nVjBCKT1RXrhCrK.jpg" alt="">
        <p class="ww">小蚁运动机 </p>
        <span class="rr">边玩边录边拍，手机随时分享 </span>
        <h4> 399元</h4>
    </div>
    <div class="box8-container">
        <img class="pic" src="./学生用资源/image/T16nVjBCKT1RXrhCrK.jpg" alt="">
        <p class="ww">小蚁运动机 </p>
        <span class="rr">边玩边录边拍，手机随时分享 </span>
        <h4> 399元</h4>
    </div> 



</div>


</div>

<div class="box9">
<div class="box9-container">
<div class="box9-top">
    <li>
        1小时快修服务&nbsp;&nbsp;&nbsp;&nbsp;
        <span> |</span>
    </li>
    <li>
        7天无理由退货&nbsp;&nbsp;&nbsp;&nbsp;
        <span> |</span>
    </li>
    <li>
        15天免费换货&nbsp;&nbsp;&nbsp;&nbsp;
        <span> |</span>
    </li>
    <li>
        满150元包邮&nbsp;&nbsp;&nbsp;&nbsp;
        <span> |</span>
    </li>
    <li>
        520余家售后网点
        
    </li>
 



</div>
<div class="box9-middle">
<ul>
<li>帮助中心    
</li>
<li> 购物指南 </li>
<li>支付方式</li>
<li>配送方式</li>



</ul>


</div>




</div>



</div>




    </div>

</body>

</html>